<%@page import="album.Album"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Album1-write.jsp</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css"/>
<style>
.tile2{
	/* background-color:green; */
	position:absolute;
	height:510px;
	float:left;
	top:182px;
	left:1050px;
	font-size: 14px;
	font-family: 'Nanum Gothic', sans-serif;
	
}

#board_hr {
	margin-bottom: 20px;
	font-family: 'Lobster', cursive;
	font-size: 40px;
	color: #fb586c;
	font-weight: bold
}

#list_title, #list_item {
	line-height: 180%; /* 줄 간격 */
	display: table-cell;
	
}
#list_title {
	width: 200px;
	background-color: #160952;
	color: white;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 14px;
}
#list_item {
	width: 300px;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 14px;
	
}
#list_item input{
	font-family: 'Nanum Gothic', sans-serif;
	
}

#list_line {
	width: 500px;
	height: 1px;
	
}

input[type=text] {
	width: 90%;
	line-height: 180%;
	margin-left: 10px;
	font-family: 'Nanum Gothic', sans-serif;
	
}

input[type=password] {
	width: 50%;
	line-height: 180%;
	 margin-left: 10px;
	 
}

#list_content {
	width: 500px;
	height: 100px;
	margin: 10px;
	
}
#btnList,#btnSave{}
</style>
<script>
	function getId(id){return document.getElementById(id);}
	function init(){
		getId("btnSave").onclick=function(){
			write_form.action = "Main.jsp?inc_content=Album1.jsp?inc_right=../album/Album1-write-result.jsp";
			write_form.submit();
		}
		getId("btnList").onclick=function(){
			location.href="Main.jsp?inc_content=Album1.jsp?inc_right=../album/Album_list.jsp";
		}
	}
</script>
</head>
<body>
<div class="tile2">
<jsp:useBean id="albumVo" class="album.AlbumVo"/>
<jsp:setProperty property="*" name="albumVo"/>
	<h1 id='board_hr'>UPLOAD FORM</h1>
	<form action="" name="write_form" method="post" enctype="multipart/form-data">
		<div id='list_title'>제목</div>
		<div id='list_item'>
			<input type="text" name="subject">
		</div>
		<p/>
		<div id='list_line' style='background-color: #dddddd; margin-top: 3px; margin-bottom: 3px;'></div>
		
		<div id='list_title'>이름</div>
		<div id='list_item'>
			<input type="text" name="mid" readonly value=<%=(String)session.getAttribute("mid") %>>
		</div>
		<p/>
		<div id='list_line' style='background-color: #dddddd; margin-top: 3px; margin-bottom: 3px;'></div>
		
		<div id='list_title'>첨부파일</div>
		<div id='list_item'>
			<input type="file" name="filename" style="font-family: 'Nanum Gothic', sans-serif; font-size: 14px; color:black;">
		</div>
		<p/>
		<div id='list_line' style='background-color: #dddddd; margin-top: 3px; margin-bottom: 3px;'></div>
		
		<div id='list_content'>
			<textarea name="content" style="width: 100%; height: 100%;"></textarea>
		</div>
		<div id='list_line' style='background-color: #dddddd; margin-bottom: 10px;'></div>
		
		<input type="button" value="목록" id="btnList" style="font-family: 'Nanum Gothic', sans-serif; font-size: 14px; color:black;">
		<input type="submit" value="올리기" id="btnSave" style="font-family: 'Nanum Gothic', sans-serif; font-size: 14px; color:black;">
	</form>
	
</div>

<script>init();</script>
</body>
</html>